<template>
  <div class="main">
    <AlNavBar title="blog" :showBack="false"></AlNavBar>
    <div>Blog</div>
    <div>这是Blog模块</div>
    <div class="blogs">
      <BlogCell :loading="false" title="职工我的权威地位乔卫东乔卫东乔卫东千万的乔卫东我的乔卫东乔卫东乔卫东千万人我">blog</BlogCell>
      <BlogCell :loading="false">b;pg</BlogCell>
      <BlogCell :loading="false" title="scs我tps://tva1.sinaqp.jpgwwq"></BlogCell>
      <BlogCell :loading="true">123</BlogCell>
    </div>




  </div>
</template>

<script>
// import AlItem from '@/components/AlItem'
// import AlCell from '@/components/AlCell'
import BlogCell from "@/components/BlogCell";

export default {
  name: "Blog",
  components: { BlogCell },
}
</script>

<style lang="less">
.main {
  position: relative;
  padding: 0 5px;
  border: 10px solid transparent;

  .blogs{
    .blogCell{
      .van-cell{
        border-radius: 5px;
      }
      margin: 10px 0 5px 0;
      border-color: #d0e4f3;
      //border-style: #blue;
    }
  }
}

</style>